(function(window){
	/*
     * 实现思路：
     * 1、遍历得到所有的src地址
     * 2、依据遍历到的每一个src，创建对应的img，然后把新创建的img存储到一个返回结果对象中
     * 3、创建每一个img时监听onload事件，只要有一个img加载完毕了，那么就记录一下，
     * 每次记录完毕后，判断(已经加载的总数)有没有达到(要加载的总数)，如果达到了，
     * 那么指定回调，把所有已经加载好的图片传入给对方使用。
     * */
	//第一个参数是一个图片路径对象：src={name1:scr1,name2:src2};
	//第二个参数是回调函数fn(loadImg);//将有图片对象的对象返回回来用
	
	//定义一个新的对象，存储name和创建出来的img对象
	//需要两个计数器：1个是循环中，求出所有需要加载的图片个数；2是在图片加载完事件中，监测加载了多少个图片
	function loadImg(src,fn){
		
		//定义一个新的对象，存储name和创建出来的img对象
		var imgObj={};
		
		//需要两个计数器：1个是循环中，求出所有需要加载的图片个数；2是在图片加载完事件中，监测加载了多少个图片
		var imgNum=0;
		var loadImgNum=0;
		var img;
		
		for(var key in src){
			imgNum++;
			
			//创建img对象
			img=new Image();
			img.src=src[key];
			
			//存储img
			imgObj[key]=img;
			
			img.onload=function(){
				//当图片全部加载完毕时，执行回调函数
				if(++loadImgNum>=imgNum){
					fn(imgObj);
				}
			}
		}
	}
	window.loadImg=loadImg;
}(window))
